#join-us-banner
  background-image url(../img/banner-3.jpg)

.open-job-list
  background-color $active-color
  color white

  .with-bar
    line-height 2.4

    &::after
      border-color white
      width 3.6em
      margin-left -1.8em

  p
    font-size .875rem
    margin-bottom 2em

  a
    font-size .875rem
    color white

    &:hover
      color yellow

  @media (min-width $sm-min-width)
    &
      padding 1rem 0 2.5rem

      h3
        margin-bottom 1em

      .row
        justify-content space-between

      .col
        padding 0
        flex 0 1 .875rem * 19

  @media (max-width $xs-max-width)
    &
      h2
        margin-bottom 1.25rem

      h3
        font-size 1.25rem
        margin-bottom .5rem

      .col
        flex 1 0 100%

      .divider
        border-bottom 1px solid white
        padding-bottom 1rem
        margin-bottom 1rem

.why-us
  background-color white

  h2,h3
    color #333

  p
    font-size .875rem
    margin-bottom 0

  img
    max-width 100%

  .col-6
    padding 0
    display flex
    flex-direction column

  .left
    order 1

  .right
    order 2

  @media (min-width $sm-min-width)
    &
      h3,p
        padding-left 3rem

      .left h3,
      .left p
        padding-left 0
        padding-right 3rem

      h3
        margin-bottom 1em

      .col-6
        justify-content center

  @media (max-width $xs-max-width)
    &
      padding-bottom 1.5rem

      h3
        font-size 1.2rem
        line-height 2

      p,h3
        padding-left .8rem

      .left p,
      .left h3
        padding-right .8rem

      img
        width 100%
        height 12.5rem
        object-fit cover

      .right img
        object-position right top

      .col-6
        justify-content flex-start